<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>所有商品</title>
		<link rel="stylesheet" type="text/css" href="css/public/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/public/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/indexPage.css"/>
		<link rel="stylesheet" type="text/css" href="css/allCommodity.css"/>
		
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-paginator.js"></script>
		<script type="text/javascript" src="js/public.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<script type="text/javascript" src="js/pageJs/allCommodity.js"></script>
		
		<!--[if lt IE 9]>
      	<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      	<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    	<![endif]-->
	</head>
	<body>
		<!-- header start -->
		<div id="header"></div>
		<!-- header end -->
		
		<!-- position start -->
		<div class="position">
			<div class="container">
				<ul>
					<li><a href="indexPage.html">首页</a> > </li>
					<li><span id="position">所有商品</span></li>
				</ul>
			</div>
		</div>
		<!-- position end -->
		
		<!--banner start-->
		<section id="allCom_banner">
			<div class="container">
				<ul class="img">
					<li><img src="images/icon/banner2.png" alt="" /></li>
					<li><img src="images/icon/banner3.png" alt="" /></li>
				</ul>
				<ul class="tab">
					<li class=""></li>
					<li></li>
				</ul>
				<div class="left"></div>
				<div class="right"></div>
			</div>
			
		</section>
		<!--banner end-->
		
		<!--content start-->
		<div class="container">
			<div id="allCom_content">
				<div class="choseDiv">
					<ul>
						<li id="suitAge"><span>适合年龄：</span>
							<ul>
								<li><span class="" onclick='allGoods()' >全部</span></li>
							</ul>
						</li>
						<li id="fixedWay"><span>安装方式：</span>
							<ul>
								<li><span onclick='allGoods()' >全部</span></li>
							</ul>
						</li>
						<li id="installWay"><span>固定方式：</span>
							<ul>
								<li><span onclick='allGoods()'>全部</span></li>
							</ul>
						</li>
						<li id="seatStyle"><span id="other" >其他：</span>
							<ul>
								<li><span onclick='allGoods()' >全部</span></li>
							</ul>
						</li>
					</ul>
				</div>
				<div class="goodsList">
   					<ul class="clearfix " id="goodsListUl">
   						<!-- <li  class='goodsListLi drop-shadow curved curved-hz-2'><a href="detail.html">
   							<div class="imgLi">
   								<img src="images/04-1.JPG" alt="" />
   							</div>
   							<div class="gl_text">
   								<p class="description">360°旋转 儿童汽车安全座椅 黑色</p>
   								<p class="price">￥ 2480.00</p>
   							</div>
   						</a></li> -->
   						
   						
   						
   					</ul>
   				</div>
   				<div id="example" style="text-align: center;margin-top:40px;"> <ul id="pageLimit"></ul> </div>
			</div>
		</div>
		
		<!--content end-->
		
		<!--footer start-->
		<div id="footer"></div>
		<!--footer end-->
		
		
		
		
	</body>
</html>
